var seleccionado = 1;

$(document).ready(function() {

	initializeComponents();

	switchContent("#article1");

	setMenuEvents();

	setContactFormEvent();

});

function switchContent(showdea) {
	// funcion que hidea todos los contenidos y setea el actual
	$("#article1").hide();
	$("#article2").hide();
	$("#article3").hide();
	$("#article4").hide();
	$("#article5").hide();
	$("#article6").hide();
	$(showdea).fadeIn(1500);
}

function addMenuItemSound() {
	/*
	 * $('embed').remove(); $('body').append('<embed src="sounds/button-38.mp3"
	 * autostart="true" hidden="true" loop="false">');
	 */
	var audio = $("#beep-four0")[0];
	audio.volume = 0.5;
	audio.play();
}

function removeClassActive(idclass) {
	$("ul.std_menu li a").removeClass("active");
	$(idclass).addClass("active");
}

function initializeComponents() {
	var options = {
		numbers: true,
		hideTools: true,
		progressbar: true,
	};

	$('.box_skitter_large').skitter(options);

	$(function() {
		/**
		 * for each menu element, on mouseenter, we enlarge the image, and show
		 * both sdt_active span and sdt_wrap span. If the element has a sub menu
		 * (sdt_box), then we slide it - if the element is the last one in the
		 * menu we slide it to the left, otherwise to the right
		 */
		$('#sdt_menu > li')
				.bind(
						'mouseenter',
						function() {
							var $elem = $(this);
							$elem
									.find('img')
									.stop(true)
									.animate({
										'width' : '100px',
										'height' : '100px',
										'left' : '0px'
									}, 400, 'easeOutBack')
									.andSelf()
									.find('.sdt_wrap')
									.stop(true)
									.animate({
										'top' : '105px'
									}, 500, 'easeOutBack')
									// espacio de las letras en el 2do
									// rectangulo
									.andSelf()
									.find('.sdt_active')
									.stop(true)
									.animate(
											{
												'height' : '80px'
											},
											300,
											function() {// altura del rectangulo
												// de abajo
												var $sub_menu = $elem
														.find('.sdt_box');
												if ($sub_menu.length) {// mueva
													// 3er
													// rectangulo
													var left = '170px';
													if ($elem.parent()
															.children().length == $elem
															.index() + 1)
														left = '-170px';
													$sub_menu.show().animate({
														'left' : left
													}, 200);
												}
											});
						}).bind('mouseleave', function() {
					var $elem = $(this);
					var $sub_menu = $elem.find('.sdt_box');
					if ($sub_menu.length)
						$sub_menu.hide().css('left', '0px');

					$elem.find('.sdt_active').stop(true).animate({
						'height' : '0px'
					}, 300).andSelf().find('img').stop(true).animate({
						'width' : '0px',
						'height' : '0px',
						'left' : '85px'
					}, 400)// mitad del rectangulo, para que desaparezca
					.andSelf().find('.sdt_wrap').stop(true).animate({
						'top' : '25px'
					}, 500);
				});
	});

	/* SONIDOS */
	$("ul.sdt_menu li").each(
			function(i) {
				if (i != 0) {
					$("#beep-two").clone().attr("id", "beep-two" + i).appendTo(
							$(this).parent());
				}
				$(this).data("beeper", i);
			}).mouseenter(function() {
		$("#beep-two" + $(this).data("beeper"))[0].play();
	});
	$("#beep-two").attr("id", "beep-two0");

	/* VIDEO */
	/*$(".latestthree").hover(function() {
		$(this).find(".title").fadeTo(500, 0.4);
		$(this).find(".latestthreeimage").fadeTo(500, 0.4);
	}, function() {
		$(this).find(".title").fadeTo(500, 1);
		$(this).find(".latestthreeimage").fadeTo(500, 1);
	});*/
}

function setMenuEvents() {
	$("#menu_bienvenida").click(function() {
		if (seleccionado != 1) {
			switchContent("#article1");
			seleccionado = 1;
			addMenuItemSound();
		}
		return false;
	});

	$("#menu_nosotros").click(function() {
		if (seleccionado != 2) {
			switchContent("#article2");
			seleccionado = 2;
			addMenuItemSound();
		}
		return false;
	});

	$("#menu_servicios").click(function() {
		if (seleccionado != 3) {
			switchContent("#article3");
			seleccionado = 3;
			addMenuItemSound();
		}
		return false;
	});

	$("#menu_clientes").click(function() {
		if (seleccionado != 4) {
			switchContent("#article4");
			seleccionado = 4;
			addMenuItemSound();
		}
		return false;
	});

	$("#menu_contacto").click(function() {
		if (seleccionado != 5) {
			switchContent("#article5");
			seleccionado = 5;
			addMenuItemSound();
		}
		return false;
	});

	$("#menu_videos").click(function() {
		if (seleccionado != 6) {
			switchContent("#article6");
			seleccionado = 6;
			addMenuItemSound();
		}
		return false;
	});
}


function openModalDialog() {
	$('#modal').reveal({ // The item which will be opened with reveal
		animation : 'fade', // fade, fadeAndPop, none
		animationspeed : 600, // how fast animtions are
		closeonbackgroundclick : true, // if you click background will modal
		// close?
		dismissmodalclass : 'close' // the class of a button or element that
	// will close an open modal
	});
	return false;
}

function setContactFormEvent() {

	$('#contactForm').submit(function() {

		var error = validaFormulario();
		if (error == 1) {
			var jsonCliente = {
				name : $("#name").val(),
				email : $("#email").val(),
				message : $("#message").val()
			};

			$.ajax({
				type : "POST",
				data : JSON.stringify(jsonCliente),
				dataType : "json",
				contentType : "application/json; charset=utf-8",
				url : "php/contacto.php",
				success : function(data) {
					//something
					$("#name").val("");
					$("#email").val("");
					$("#message").val("");
					$( "#dialog" ).dialog({
            			modal: true,
            			buttons: {
               				Aceptar: function() {
                    		$( this ).dialog( "close" );
                			}	
            			}
        			});
				}
			});
			return false;
		}
		return false;
	});
}

function validaFormulario() {
	return 1;
}